<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

	<head th:fragment="css">
		<meta charset="utf-8">
		<!--/**
		 	如果IE有安装Google Chrome Frame，那么就走安装的组件，如果没有就和<meta http-equiv="X-UA-Compatible" content="edge" />一样。
		 	模式Edge 模式告诉 IE 以最高级模式渲染文档，也就是任何 IE 版本都以当前版本所支持的最高级标准模式渲染，
		 	避免版本升级造成的影响。简单的说，就是什么版本 IE 就用什么版本的标准模式渲染。
		 	为防止失效，X-UA-Compatible最好紧跟在head之后，之前不要有任何不标准的标签。
		 **/-->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<!--<meta name="viewport" content="width=device-width, initial-scale=1.0">-->
		<title>mengweijin</title>
		<meta name="keywords" content="">
		<meta name="description" content="">
		<!--/** http-equiv="refresh" 页面定时刷新，单位：秒。如果浏览器为IE9以下版本，直接跳转到ie9.html的错误页面 **/-->
		<!--[if lt IE 9]>
		<meta http-equiv="refresh" content="0;error/ie9.html"/>
		<![endif]-->

		<link rel="stylesheet" th:href="@{/webjars/element-ui/lib/theme-chalk/index.css}"/>
		<link rel="stylesheet" th:href="@{/css/mengweijin.css}">
	</head>

	<div th:fragment="mengweijin-header">
		<el-row :gutter="0" type="flex" justify="space-between">
			<el-col :xs="11" :sm="7" :md="7" :lg="7" :xl="5">
				<a href="https://mengweijin.gitee.io/" target="_blank">
					<img th:src="@{/image/index/logo_with_url.png}"/>
				</a>
			</el-col>
			<el-col :xs="12" :sm="8" :md="8" :lg="8" :xl="5">
				<img th:src="@{/image/index/logo_text.png}"/>
			</el-col>
		</el-row>
	</div>

	<div th:fragment="el-footer">
		<el-row :gutter="10" type="flex" justify="center">
			<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
				<a href="https://mengweijin.gitee.io/" target="_blank" style="margin-right: 10px;">
					<img th:src="@{/image/favicon_64_64.ico}" class="mwj-ico"/> 梦未尽
				</a>
				<a href="https://gitee.com/mengweijin" target="_blank" style="margin-right: 10px;">
					<img src="https://gitee.com/assets/favicon.ico" class="mwj-ico"/> 我的码云
				</a>
				<a href="https://github.com/mengweijin" target="_blank" style="margin-right: 10px;">
					<svg class="icon" aria-hidden="true"><use xlink:href="#icongithub"></use></svg>
					我的GitHub
				</a>
				<a href="https://blog.csdn.net/mmingxiang" target="_blank" style="margin-right: 10px;">
					<svg class="icon" aria-hidden="true"><use xlink:href="#iconcsdn"></use></svg>
					我的CSDN
				</a>
				<span>联系我&emsp;QQ: </span>
				<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1002284406&site=qq&menu=yes" style="margin-right: 10px;">
					<svg class="icon" aria-hidden="true"><use xlink:href="#iconqq"></use></svg>
				</a>
				<svg class="icon" aria-hidden="true"><use xlink:href="#iconmail"></use></svg>
				<span>: </span>
				<a href="mailto:mengweijin.work@foxmail.com">mengweijin.work@foxmail.com </a>
				<span>&emsp;Copyright © 2018~2020</span>
			</el-col>
		</el-row>
	</div>

	<div th:fragment="script">
		<!--/**
			让IE8/9支持媒体查询，从而兼容栅格，代码放入你页面 <body> 标签内的任意位置
			条件注释: if lt IE 9
			其他浏览器会将其作为注释而忽略这些语句，因为他们是IE专门提供的一种语法，如此就能根据不同的IE版本加载对应的CSS或者JS文件了。
		**/-->
		<!--[if lt IE 9]>
		<script th:src="@{/webjars/respond/dest/respond.min.js}"></script>
		<script th:src="@{/webjars/html5shiv/html5shiv.min.js}"></script>
		<![endif]-->
		<script th:src="@{/iconfont/iconfont.js}"></script>
		<script th:src="@{/webjars/axios/dist/axios.min.js}"></script>
		<script th:src="@{/webjars/dayjs/dayjs.min.js}"></script>
		<script th:src="@{/webjars/vue/dist/vue.js}"></script>
		<script th:src="@{/webjars/element-ui/lib/index.js}"></script>
		<script th:src="@{/js/mengweijin.js}"></script>
	</div>

</html>